{"version":3,"file":"static/chunks/pages/kashi/lend/[pair]-95566047e7a386b0.js","mappings":"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","sources":["webpack://_N_E/./src/pages/kashi/lend/[pair].tsx","webpack://_N_E/?23f1"],"sourcesContent":["import { Deposit, Withdraw } from '../../../features/kashi'\nimport Provider, { useKashiInfo, useKashiPair } from '../../../features/kashi/context'\nimport React from 'react'\nimport { formatNumber, formatPercent } from '../../../functions/format'\nimport Card from '../../../components/Card'\nimport Container from '../../../components/Container'\nimport Head from 'next/head'\nimport Image from '../../../components/Image'\nimport Layout from '../../../layouts/Kashi'\nimport QuestionHelper from '../../../components/QuestionHelper'\nimport { Tab } from '@headlessui/react'\nimport { cloudinaryLoader } from '../../../functions/cloudinary'\nimport { t } from '@lingui/macro'\nimport { useLingui } from '@lingui/react'\nimport { useRouter } from 'next/router'\n\nexport default function Pair() {\n  const router = useRouter()\n  const { i18n } = useLingui()\n\n  const pair = useKashiPair(router.query.pair as string)\n  const info = useKashiInfo()\n\n  if (!pair) return info && info.blockTimeStamp.isZero() ? null : router.push('/lend')\n\n  return (\n    <div id={`lend-${router.query.pair}-page`}>\n      <Head>\n        <title>Lend {pair.asset.tokenInfo.symbol} | Sushi</title>\n        <meta key=\"description\" name=\"description\" content={`Lend ${pair.asset.tokenInfo.symbol} on Kashi`} />\n      </Head>\n      <Card\n        className=\"h-full bg-dark-900\"\n        header={\n          <Card.Header className=\"border-b-8 bg-dark-blue border-blue\">\n            <div className=\"flex items-center\">\n              <div className=\"flex items-center mr-4 space-x-2\">\n                {pair && (\n                  <>\n                    <Image\n                      loader={cloudinaryLoader}\n                      height={48}\n                      width={48}\n                      src={pair.asset.tokenInfo.logoURI}\n                      className=\"w-10 h-10 rounded-lg sm:w-12 sm:h-12\"\n                      alt={pair.asset.tokenInfo.symbol}\n                    />\n                    <Image\n                      loader={cloudinaryLoader}\n                      height={48}\n                      width={48}\n                      src={pair.collateral.tokenInfo.logoURI}\n                      className=\"w-10 h-10 rounded-lg sm:w-12 sm:h-12\"\n                      alt={pair.collateral.tokenInfo.symbol}\n                    />\n                  </>\n                )}\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <div>\n                  <div className=\"text-3xl text-high-emphesis\">\n                    {i18n._(t`Lend`)} {pair && pair.asset.tokenInfo.symbol}\n                  </div>\n                  <div className=\"flex items-center\">\n                    <div className=\"mr-1 text-sm text-secondary\">{i18n._(t`Collateral`)}:</div>\n                    <div className=\"mr-2 text-sm text-high-emphesis\">{pair && pair.collateral.tokenInfo.symbol}</div>\n                    <div className=\"mr-1 text-sm text-secondary\">{i18n._(t`Oracle`)}:</div>\n                    <div className=\"text-sm text-high-emphesis\">{pair && pair.oracle.name}</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Card.Header>\n        }\n      >\n        <div className=\"flex justify-between mb-8\">\n          <div>\n            <div className=\"text-lg text-secondary\">Lent</div>\n            <div className=\"text-2xl text-blue\">\n              {formatNumber(pair.currentUserAssetAmount.string)} {pair.asset.tokenInfo.symbol}\n            </div>\n            <div className=\"text-lg text-high-emphesis\">{formatNumber(pair.currentUserAssetAmount.usd, true)}</div>\n          </div>\n          <div>\n            <div className=\"text-lg text-secondary\">{i18n._(t`Borrowed`)}</div>\n            <div className=\"text-2xl text-high-emphesis\">{formatPercent(pair.utilization.string)}</div>\n          </div>\n          <div className=\"text-right\">\n            <div>\n              <div className=\"text-lg text-secondary\">{i18n._(t`Supply APR`)}</div>\n              <div className=\"text-2xl text-high-emphesis\">{formatPercent(pair.supplyAPR.string)}</div>\n            </div>\n          </div>\n        </div>\n\n        <Tab.Group>\n          <Tab.List className=\"flex p-1 rounded bg-dark-800\">\n            <Tab\n              className={({ selected }) =>\n                `${\n                  selected ? 'bg-dark-900 text-high-emphesis' : ''\n                } flex items-center justify-center flex-1 px-3 py-4 text-lg rounded cursor-pointer select-none text-secondary hover:text-primary focus:outline-none`\n              }\n            >\n              {i18n._(t`Deposit`)} {pair.asset.tokenInfo.symbol}\n            </Tab>\n            <Tab\n              className={({ selected }) =>\n                `${\n                  selected ? 'bg-dark-900 text-high-emphesis' : ''\n                } flex items-center justify-center flex-1 px-3 py-4 text-lg rounded cursor-pointer select-none text-secondary hover:text-primary focus:outline-none`\n              }\n            >\n              {i18n._(t`Withdraw`)} {pair.asset.tokenInfo.symbol}\n            </Tab>\n          </Tab.List>\n          <Tab.Panel>\n            <Deposit pair={pair} />\n          </Tab.Panel>\n          <Tab.Panel>\n            <Withdraw pair={pair} />\n          </Tab.Panel>\n        </Tab.Group>\n      </Card>\n    </div>\n  )\n}\n\nPair.Provider = Provider\n\nconst PairLayout = ({ children }) => {\n  const router = useRouter()\n  const { i18n } = useLingui()\n  const pair = useKashiPair(router.query.pair as string)\n  return pair ? (\n    <Layout\n      left={\n        <Card\n          className=\"h-full bg-dark-900\"\n          backgroundImage=\"/deposit-graphic.png\"\n          title={i18n._(t`Lend assets for interest from borrowers.`)}\n          description={i18n._(\n            t`Have assets you want to earn additional interest on? Lend them in isolated markets and earn interest from borrowers.`\n          )}\n        />\n      }\n      right={\n        <Card className=\"h-full bg-dark-900\">\n          <div className=\"flex-col space-y-2\">\n            <div className=\"flex justify-between\">\n              <div className=\"text-xl text-high-emphesis\">{i18n._(t`Market`)}</div>\n            </div>\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`APR`)}</div>\n              <div className=\"flex items-center\">\n                <div className=\"text-lg text-high-emphesis\">{formatPercent(pair?.currentSupplyAPR.string)}</div>\n              </div>\n            </div>\n\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`Total`)}</div>\n              <div className=\"text-lg text-high-emphesis\">\n                {formatNumber(pair?.currentAllAssets.string)} {pair?.asset.tokenInfo.symbol}\n              </div>\n            </div>\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`Available`)}</div>\n              <div className=\"text-lg text-high-emphesis\">\n                {formatNumber(pair?.totalAssetAmount.string)} {pair?.asset.tokenInfo.symbol}\n              </div>\n            </div>\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`Borrowed`)}</div>\n              <div className=\"flex items-center\">\n                <div className=\"text-lg text-high-emphesis\">{formatPercent(pair?.utilization.string)}</div>\n              </div>\n            </div>\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`Collateral`)}</div>\n              <div className=\"flex items-center\">\n                <div className=\"text-lg text-high-emphesis\">\n                  {formatNumber(pair?.totalCollateralAmount.string)} {pair?.collateral.tokenInfo.symbol}\n                </div>\n              </div>\n            </div>\n            {pair?.utilization.value.gt(0) && (\n              <div className=\"flex justify-between\">\n                <div className=\"text-lg text-secondary\">{i18n._(t`Health`)}</div>\n                <div className=\"flex items-center\">\n                  <div className=\"text-lg text-high-emphesis\">{formatPercent(pair?.marketHealth.toFixed(16))}</div>\n                </div>\n              </div>\n            )}\n\n            <div className=\"flex justify-between pt-3\">\n              <div className=\"text-xl text-high-emphesis\">{i18n._(t`Oracle`)}</div>\n            </div>\n\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">Name</div>\n              <div className=\"text-lg text-high-emphesis\">{pair?.oracle.name}</div>\n            </div>\n\n            <div className=\"flex justify-between pt-3\">\n              <div className=\"text-xl text-high-emphesis\">{i18n._(t`BentoBox`)}</div>\n            </div>\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`${pair?.asset.tokenInfo.symbol} Strategy`)}</div>\n              <div className=\"flex flex-row text-lg text-high-emphesis\">\n                {pair.asset.strategy ? (\n                  i18n._(t`Active`)\n                ) : (\n                  <>\n                    {i18n._(t`None`)}\n                    <QuestionHelper\n                      text={i18n._(\n                        t`BentoBox strategies can create yield for your liquidity while it is not lent out. This token does not yet have a strategy in the BentoBox.`\n                      )}\n                    />{' '}\n                  </>\n                )}\n              </div>\n            </div>\n            {pair.asset.strategy && (\n              <>\n                <div className=\"flex justify-between\">\n                  <div className=\"text-lg text-secondary\">{i18n._(t`APY`)}</div>\n                  <div className=\"flex items-center\">\n                    <div className=\"text-lg text-high-emphesis\">{formatPercent(pair.asset.strategy.apy)}</div>\n                  </div>\n                </div>\n\n                <div className=\"flex justify-between\">\n                  <div className=\"text-lg text-secondary\">{i18n._(t`Target Percentage`)}</div>\n                  <div className=\"flex items-center\">\n                    <div className=\"text-lg text-high-emphesis\">\n                      {formatPercent(pair.asset.strategy.targetPercentage)}\n                    </div>\n                  </div>\n                </div>\n              </>\n            )}\n          </div>\n        </Card>\n      }\n    >\n      {children}\n    </Layout>\n  ) : null\n}\n\nPair.Layout = PairLayout\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/kashi/lend/[pair]\",\n      function () {\n        return require(\"private-next-pages/kashi/lend/[pair].tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/kashi/lend/[pair]\"])\n      });\n    }\n  "],"names":["Pair","router","useRouter","i18n","useLingui","pair","useKashiPair","query","info","useKashiInfo","id","asset","tokenInfo","symbol","name","content","className","header","loader","cloudinaryLoader","height","width","src","logoURI","alt","collateral","_","oracle","formatNumber","currentUserAssetAmount","string","usd","formatPercent","utilization","supplyAPR","selected","blockTimeStamp","isZero","push","Provider","Layout","children","left","backgroundImage","title","description","right","currentSupplyAPR","currentAllAssets","totalAssetAmount","totalCollateralAmount","value","gt","marketHealth","toFixed","strategy","text","apy","targetPercentage","window","__NEXT_P"],"sourceRoot":""}